    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Sistema de fichas</title>

    <link rel="stylesheet" type="text/css"
href="/Fichas/ext-3.3.0/resources/css/ext-all.css" />

    <script type="text/javascript" src="/Fichas/ext-3.3.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="/Fichas/ext-3.3.0/ext-all.js"></script>
    <script type="text/javascript" src="/Fichas/views/js/MenuPrincipal.js"></script>

</head>
    <body id="docbody">
    <script type="text/javascript">
    Ext.onReady(function() {

	var centro = new Ext.Panel({
	    region:'center',
	    border: false
	});

	function PanelSimple(cfg) {
	    // en cfg debieran ir items y title, al menos
	    myCfg = {};
	    for (var att in cfg) {
		myCfg[att] = cfg[att];
	    }
	    defaults = {};
	    if (myCfg["defaults"]) {
		var tmp = myCfg["defaults"];
		for (var att in tmp) {
		    defaults[att] = tmp[att];
		}
	    }
	    myCfg.headerCfg = {style:"font-size: 24px; color: black; font-weight: bold; border:0;"+
			       "font-family: sans; padding: 25 0 15 0px" };
	    myCfg.border = false;
	    var pnl = new Ext.form.FormPanel(myCfg);
	    return pnl;
	}
        
	var pnl = PanelSimple({
	    title: "Personal",
	    items: [{
		fieldLabel: "RUT",
		xtype: "textfield"
	    }, {
		fieldLabel: "Nombre",
		xtype: "textfield"
	    }]
	});
	centro.add(pnl);
	var tb = MenuPrincipal();
	var subtb = new Ext.Toolbar({
	    autoHeight: true,
	    items: [
		{   
		    text: "Ficha estudiante:",
		    xtype: 'label',
		    style: "font-size: 11px; font-weight: bold; padding: 0 10 0 0px"
		},
		' ',
		{   
		    text: "Personal",
		    style: "padding: 0 10 0 0px;"
		},
		{
		    text: "Académico", 
		    style: "padding: 0 10 0 0px;"  
		}
	    ]});


        

	var appLayout = new Ext.Viewport({
	    renderTo: docbody,
	    layout:'border',
	    autoScroll: true,
	    items: [
		{
		    title: 'Sistema Fichas UAAEP',
		    autoHeight: true,
		    region: 'north',
		    items:[
			tb,
			subtb
		    ]
		},
		centro
	    ]
	});

        

        
        
	centro.doLayout();
	//            vista.doLayout();
        
	//FIN PRUEBAS

	
        
	appLayout.doLayout();
    });

</script>
    </body>
    </html>
